<template>
	<view>
		<nav-bar bgColor="#f5f5f5" title="身份认证"></nav-bar>
        <!-- 公共组件-每个页面必须引入 -->
        <public-module></public-module>
		<view class="input_form_box">
			<view class="input_box">
				<view class="name">姓名</view>
				<view class="input_info"><input type="text" placeholder="请输入您的姓名" /></view>
			</view>
			<view class="input_box">
				<view class="name">身份证号码</view>
				<view class="input_info"><input type="text" placeholder="请输入您的身份证号码" /></view>
			</view>
			<view class="input_uploadic">
				<view class="name">上传身份证照</view>
				<view class="prompt">
					<image src="../../../static/icon/theme/ic_upload_portrait.png" mode="aspectFit"></image>
					<image src="../../../static/icon/theme/ic_upload_nationalemblem.png" mode="aspectFit"></image>
				</view>
				<text>您的信息只会用在验证使用，绝不向外泄露</text>
				<button>下一步</button>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	//第一次加载
	onLoad(e) {},
	//页面显示
	onShow() {},
	//方法
	methods: {
		onPageJump(url) {
			uni.navigateTo({
				url: url
			});
		}
	},
	//页面隐藏
	onHide() {},
	//页面卸载
	onUnload() {},
	//页面下来刷新
	onPullDownRefresh() {},
	//页面上拉触底
	onReachBottom() {},
	//用户点击分享
	onShareAppMessage(e) {
		return this.wxShare();
	}
};
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.input_form_box {
	margin: 30rpx;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	.input_box {
		.name {
			font-size: 28rpx;
			color: #333333;
		}
		.input_info {
			> input {
				color: #cccccc;
				font-size: 28rpx;
				
			}
		}
		
		&:after {
			content: '';
			bottom: 0;
			height: 2rpx;
			width: 630rpx;
			background: #f5f5f5;
		}
	}
	.input_uploadic{
		display: flex;
		flex-direction: column;
		background: #FFFFFF;
		padding: 30rpx;
		align-items: center;
		.name{
			font-size: 28rpx;
			color: #333333;
		}
		.prompt{
			width: 100%;
			padding: 40rpx 0rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			>image{
				width: 300rpx;
				height: 195rpx;
			}
		}
		>text{
			padding-bottom: 40rpx;
			font-size: 24rpx;
			color: #999999;
		}
		>button{
			width: 630rpx;
			height: 88rpx;
			@include theme('gradient_bg');
			color: #FFFFFF;
			font-size: 32rpx;
			line-height: 88rpx;
		}
	}

}
</style>
